@use "sass:color"
@use "../../shared/settings/colors"
@use "../../shared/settings/fonts"

%select-input
  transition: all 350ms ease-in-out
  appearance: none
  outline: 0
  margin: 0
  display: block
  border: 1px solid color.adjust(colors.$gallery-gray, $lightness: -10%)
  border-radius: 0px
  padding: 9px 25px 9px 10px
  font-family: fonts.$helvetica-neue
  font-size: 14px
  background: url('../images/down-arrow.png') no-repeat 97% 50% colors.$white
  background-size: 17px
  background-position: 94%
  color: colors.$dark-gray

  &:focus,
  &:hover
    border-color: colors.$dark-gray
